.layer-tree-node {

  .node-header {
    display: flex;
    align-items: center;
    padding: 4px 0;

    .expand-icon {
      width: 20px;
      height: 20px;
      display: flex;
      align-items: center;
      justify-content: center;
      cursor: pointer;
      user-select: none;
      color: #fff;
    }

    input[type="checkbox"] {
      cursor: pointer;
      width: 14px;
      height: 14px;
    }

    .node-icon {
      margin-left: 8px;
      cursor: pointer;
      display: inline-flex;
      align-items: center;
      justify-content: center;

      img {
        object-fit: cover;
        width: 16px;
        height: 16px;
      }
    }

    .node-label {
      margin-left: 8px; /* 标题与icon间距8px */
      color: #fff;
      font-size: 14px;
      user-select: none;
    }

    .loading-indicator {
      margin-left: 8px;
      font-size: 14px;
    }
  }

  .node-children {
    margin-left: 12px;
    border-left: 1px dashed rgba(255, 255, 255, 0.2);
  }
}